<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<script type="text/javascript" src="../common/widget/widget.js"></script>
	<script type="text/javascript" src="../../lib/jstree/jquery.jstree.js"></script>
	<script type="text/javascript" src="../../modules/test/js/testhome.js"></script>

	<script id="categories-list" type="text/x-handlebars-template">
		{{#if categories}}
			<ul>
			{{#each categories}}
			<li data-type ="CATEGORY" data-name="{{name}}" data-id="{{id}}" {{#if amInterested}}class="jstree-checked"{{/if}} >
			<a>{{name}}</a>
			{{>categories-recursion}}
			</li>
			{{/each}}
			</ul>
			{{/if}}
	</script>

	<script id="categories-recursion-partial" type="text/x-handlebars-template">
		{{#if childCategories}}
			<ul>
			{{#each childCategories}}
			<li data-type ="CATEGORY" data-name="{{name}}" data-id="{{id}}" {{#if amInterested}}class="jstree-checked"{{/if}} >
			<a>{{name}}</a>
			{{>categories-recursion}}
			</li>
			{{/each}}
			</ul>
			{{/if}}
	</script>



	<style>
		.top-buffer { margin-top:20px; }
		.bottom-buffer {margin-bottom:20px;}
	</style>

</head>

<body>
	<div class="row">

		<div class="col-sm-12 col-md-12">
			<div class="row">
				<div class="col-md-6">
					<div>
						<h2>
							<b>Recently Published Tests</b>
						</h2>
					</div>
					<table class="table table-condensed" style="background-color:white">
						<thead>
							<tr>
								<th>Test Name</th>
								<th>Created On</th>
								<th>Author</th>
								<th>Category</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Carwyn Fachtna</td>
								<td>2012/01/01</td>
								<td>Member</td>
								<td>
									<span class="label label-success">CAT</span>
								</td>
							</tr>
							<tr>
								<td>Nehemiah Tatius</td>
								<td>2012/02/01</td>
								<td>Staff</td>
								<td>
									<span class="label label-important">GMAT</span>
								</td>
							</tr>
							<tr>
								<td>Ebbe Gemariah</td>
								<td>2012/02/01</td>
								<td>Admin</td>
								<td>
									<span class="label label-default">GRE</span>
								</td>
							</tr>
							<tr>
								<td>Eustorgios Amulius</td>
								<td>2012/03/01</td>
								<td>Member</td>
								<td>
									<span class="label label-warning">IAS</span>
								</td>
							</tr>
							<tr>
								<td>Leopold Gáspár</td>
								<td>2012/01/21</td>
								<td>Staff</td>
								<td>
									<span class="label label-success">GMAT</span>
								</td>
							</tr>
							<tr>
								<td>Leopold Gáspár</td>
								<td>2012/01/21</td>
								<td>Staff</td>
								<td>
									<span class="label label-success">Active</span>
								</td>
							</tr>
							<tr>
								<td>Leopold Gáspár</td>
								<td>2012/01/21</td>
								<td>Staff</td>
								<td>
									<span class="label label-success">IAS->Public Administration</span>
								</td>
							</tr>
						</tbody>
					</table>
				</div>


				<div class="col-md-6">

					<div>
						<h2>
							<b>Recently Taken Tests</b>
						</h2>
					</div>
					<table class="table table-condensed" style="background-color:white">
						<thead>
							<tr>
								<th>Test Name</th>
								<th>Attempted On</th>
								<th>Marks</th>
								<th>Percentile</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Test 1</td>
								<td>2012/01/01</td>
								<td>38/50</td>
								<td>78</td>
							</tr>
							<tr>
								<td>Test 1</td>
								<td>2012/01/01</td>
								<td>38/50</td>
								<td>78</td>
							</tr>
							<tr>
								<td>Test 1</td>
								<td>2012/01/01</td>
								<td>38/50</td>
								<td>78</td>
							</tr>
							<tr>
								<td>Test 1</td>
								<td>2012/01/01</td>
								<td>38/50</td>
								<td>78</td>
							</tr>
							<tr>
								<td>Test 1</td>
								<td>2012/01/01</td>
								<td>38/50</td>
								<td>78</td>
							</tr>
							<tr>
								<td>Test 1</td>
								<td>2012/01/01</td>
								<td>38/50</td>
								<td>78</td>
							</tr>
							<tr>
								<td>Test 1</td>
								<td>2012/01/01</td>
								<td>38/50</td>
								<td>78</td>
							</tr>
						</tbody>
					</table>
				</div>

			</div>
			<!--/row-->


			<div class="row">

				<div class="col-lg-6 col-md-6">
					<div>
						<h2>
							<b>Select Interests</b>
						</h2>
					</div>

					<div class="row" style="background-color:white">
						<div class="alert alert-info">
							<button type="button" class="close" data-dismiss="alert">×</button>
							<strong>Hello!</strong>Choose the categories you are interested in and get notifications whenever a new Test is added against them.
						</div>

						<div id="categoryTreeContainer">
						</div>

						<button type="button" class="btn btn-info top-buffer" id="saveInterests">Save Interests</button>
					</div>
				</div>


				<div class="col-lg-6 col-md-6">

					<div>
						<h2>
							<b>Notifications</b>
						</h2>
					</div>

					<table class="table table-condensed" style="background-color:white">
						<thead>
							<tr>
								<th>Type</th>
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>New Course Added on 2012/01/01 by Sahil Sharma</td>
								<td>
									<a class="btn btn-success btn-sm" href="# ">
										<i class="fa fa-eye "></i>
									</a>
									<a class="btn btn-danger btn-sm" href="table.html# ">
										<i class="fa fa-trash-o "></i>
									</a>
								</td>
							</tr>

							<tr>
								<td>New Course Added on 2012/01/01 by Sahil Sharma</td>
								<td>
									<a class="btn btn-success btn-sm" href="# ">
										<i class="fa fa-eye "></i>
									</a>
									<a class="btn btn-danger btn-sm" href="table.html# ">
										<i class="fa fa-trash-o "></i>
									</a>
								</td>
							</tr>

							<tr>
								<td>New Course Added on 2012/01/01 by Sahil Sharma</td>
								<td>
									<a class="btn btn-success btn-sm" href="# ">
										<i class="fa fa-eye "></i>
									</a>
									<a class="btn btn-danger btn-sm" href="table.html# ">
										<i class="fa fa-trash-o "></i>
									</a>
								</td>
							</tr>




						</tbody>
					</table>
				</div>
				<!--/col-->

			</div>



		</div>
		<!--/col-->


	</div>
	<!--/row-->

</body>

</html>
